<template>
	<view class="app">
		<view class="">
			<view class="item-input-sec">
				<text>选择部门</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name1" type="text" placeholder="请选择" />
				</view>
				<view class=""><text class="iconfont icon-jiantou"></text></view>
				<view class="mark" @tap="bmShow = true"></view>
			</view>
		</view>
		<view class="">
			<view class="item-input-text">
				<text>联系方式</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name2" type="number" placeholder="请输入内容" />
				</view>
			</view>
		</view>
		<view class="">
			<view class="item-input-text">
				<text>联系人</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name3" type="text" placeholder="请输入内容" />
				</view>
			</view>
		</view>
		<view class="">
			<view class="item-input-textarea">
				<text>建议与反馈</text>
				<view class=""><u-input height="100%" :clearable="false"    v-model="formData.remark" type="textarea" placeholder="请输入内容" /></view>
			</view>
		</view>
		<view class="app-btn">
			<view class="btn">
				<text @tap="onSumbit">保存</text>
			</view>
		</view>
		<u-select v-model="bmShow" :list="list" @confirm="ztConfirm">
		</u-select>
		<u-popup v-model="boxShow" mode="center" :border-radius="10" :mask-close-able="false">
			<view class="box">
				<view class="box-1">
					消息提示
				</view>
				<view class="box-2">
					反馈成功！我们在接到您的信息后将于24小时之内回复
				</view>
				<view class="box-3">
					<text @tap="onBoxBtn">我知道了</text>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
export default {
	data() {
		return {
			formData:{},
			bmShow:false,
			boxShow: false,
			list: [{
					value: '1',
					label: '组织宣传部'
				},
				{
					value: '2',
					label: '经济发展局'
				},
				{
					value: '3',
					label: '科学技术局'
				},
				{
					value: '4',
					label: '财政局'
				},
				{
					value: '5',
					label: '人力资源和社会保障局'
				},
				{
					value: '5',
					label: '住房和城乡建设局'
				},
			]
		};
	},
	components: {},
	onLoad() {
		
	},
	methods: {
		ztConfirm(e) {
			this.formData.name1 = e[0].label
		},
		onBoxBtn(){
			uni.navigateBack({
				delta:1
			})
		},
		onSumbit(){
			this.boxShow = true
		}
	}
};
</script>

<style lang="scss">
@import './index.scss'
</style>
